<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Vue</title>
  </head>
  <body>
    <div id="app">
      
    </div>
    <div class="container" style="z-index:-1;position: absolute;top:-1vh;box-sizing: border-box;bottom: 0;height: 102vh;overflow: hidden;">
      <div class="stage-container ">
          <div class="canvas-container">
              <canvas id="trails-canvas"></canvas>
              <canvas id="main-canvas"></canvas>
          </div>
          <div class="menu " style="z-index: 9999999;display: none;">
              <div class="menu__inner-wrap">
    
                  <div class="menu__header">设置</div>
    
                  <form>
                      <div class="form-option form-option--select">
                          <label class="shell-type-label">烟花类型</label>
                          <select class="shell-type"></select>
                      </div>
                      <div class="form-option form-option--select">
                          <label class="shell-size-label">烟花大小</label>
                          <select class="shell-size"></select>
                      </div>
                      <div class="form-option form-option--select">
                          <label class="quality-ui-label">画质</label>
                          <select class="quality-ui"></select>
                      </div>
                      <div class="form-option form-option--select">
                          <label class="sky-lighting-label">天空照明</label>
                          <select class="sky-lighting"></select>
                      </div>
                      <div class="form-option form-option--select">
                          <label class="scaleFactor-label">规模</label>
                          <select class="scaleFactor"></select>
                      </div>
                      <div class="form-option form-option--checkbox">
                          <label class="auto-launch-label">自动发射</label>
                          <input class="auto-launch" type="checkbox">
                      </div>
                      <div class="form-option form-option--checkbox form-option--finale-mode">
                          <label class="finale-mode-label">结局模式</label>
                          <input class="finale-mode" type="checkbox">
                      </div>
                      <div class="form-option form-option--checkbox">
                          <label class="hide-controls-label">隐藏控制器</label>
                          <input class="hide-controls" type="checkbox">
                      </div>
                      <div class="form-option form-option--checkbox form-option--fullscreen">
                          <label class="fullscreen-label">全屏</label>
                          <input class="fullscreen" type="checkbox">
                      </div>
                      <div class="form-option form-option--checkbox">
                          <label class="long-exposure-label">打开快门</label>
                          <input class="long-exposure" type="checkbox">
                      </div>
                  </form>
              </div>
          </div>
      </div>
    
    
    
    </div>
    <script src="/files/js/jquery.min.js" type="text/javascript"></script>

    <script type="module" src="/src/main.js"></script>
    <script src="/files/jump.js"></script>

    <!-- partial /-->
    <script src="/files/js/fscreen@1.0.1.js"></script>
    <script src="/files/js/Stage@0.1.4.js"></script>
    <script src="/files/js/MyMath.js"></script>
    <script src="/files/js/script.js"></script>
    <script>
          $(function () {

            updateConfig({
                autoLaunch: true
            })
        });
    </script>
  </body>
</html>
